//同一个颜色
@bg1: #19376D;
@color1: #02E0F7;
@color2: #FFFFFF;
@color3: #F10102;
@color4: #FFA502;
@color5: #1990FD;
@color6: #6DD400;
@color7: #E04733;
@color8: rgba(255, 255, 255, 0.85);

.gis {
  .ant-tabs-bar {
    border-bottom: 1px solid rgba(25, 144, 253, 0.35);
    margin: 0;

    .ant-tabs-nav-container {
      .ant-tabs-nav {
        .ant-tabs-tab {
          color: rgba(255, 255, 255, 0.65);
          margin: 0;
        }

        .ant-tabs-tab:hover {
          color: @color1;
          font-weight: 500;
        }

        .ant-tabs-tab-active {
          color: @color1;
          font-weight: 500;
        }

        .ant-tabs-ink-bar {
          background-color: @color1;
        }
      }

      .ant-tabs-tab-prev-icon,
      .ant-tabs-tab-next {
        color: #fff;
      }
    }

  }
}

.gis {
  .ant-form {
    .ant-form-item {
      margin-bottom: 0;
    }

    .ant-form-item-no-colon {
      color: @color2;
      font-family: PingFangSC-Regular, PingFang SC;
    }

    .ant-select-selection--single {
      height: 24px;
    }

    .ant-select-selection__rendered {
      line-height: 24px;
    }

    .ant-select-selection {
      background: transparent;
      border-color: rgba(2, 224, 247, 0.5);

      .ant-select-arrow {
        .ant-select-arrow-icon {
          color: rgba(255, 255, 255, 0.65);
          ;
        }
      }

      .ant-select-selection-selected-value {
        color: #fff;
      }
    }

    .ant-form-item-label>label {
      color: @color2;
    }

    .ant-input {
      background: transparent;
      border-color: rgba(2, 224, 247, 0.5);
      color: #fff;
      height: 24px;
      padding: 0 11px;
    }

    .ant-calendar-picker-icon {
      color: rgba(255, 255, 255, 0.65);
    }

    .ant-calendar-picker-input:hover {
      border-color: @color1;
    }
  }
}


//样式重置
em,
i,
b {
  font-style: normal;
}

input {
  border: none;
  outline: none;
}

// 背景图icon
.backImage {
  background-repeat: no-repeat;
}


.left-btn-grey {
  background-image: url('../assets/gis/left_btn_grey.svg');
}

.left-btn-select {
  background-image: url('../assets/gis/left_btn_select.svg');
}

.right-btn-grey {
  background-image: url('../assets/gis/right_btn_grey.svg');
}

.right-btn-select {
  background-image: url('../assets/gis/right_btn_select.svg');
}

.process-grey {
  background-image: url('../assets/gis/process_grey.png');
  background-position: center 0;
  background-repeat: no-repeat;
}

.process-select {
  background-image: url('../assets/gis/process_select.png');
  background-position: center -10px;
  background-repeat: no-repeat;
}

.back {
  background-image: url('../assets/gis/back.svg');
  background-position: center;
  background-size: 100%;
}

.alarm-back {
  background-image: url('../assets/gis/alarm_msg.svg');
  background-position: center;
  background-size: 100%;
}

.position-grey {
  .backImage();
  background-image: url('../assets/gis/position_grey.svg');
  background-position: center;
  background-size: 30px;

  &:hover {
    background-image: url('../assets/gis/position_hover.svg');
    background-position: center;
    background-size: 100%;
  }
}

.scal-grey {
  .backImage();
  background-image: url('../assets/gis/scal_grey.svg');
  background-position: center;
  background-size: 30px;

  &:hover {
    background-image: url('../assets/gis/scal_hover.svg');
    background-position: center;
    background-size: 100%;
  }
}

.narrow-grey {
  .backImage();
  background-image: url('../assets/gis/narrow_grey.svg');
  background-position: center;
  background-size: 30px;

  &:hover {
    background-image: url('../assets/gis/narrow_hover.svg');
    background-position: center;
    background-size: 100%;
  }
}

.screen-grey {
  .backImage();
  background-image: url('../assets/gis/screen_grey.svg');
  background-position: center;
  background-size: 30px;

  &:hover {
    background-image: url('../assets/gis/screen_hover.svg');
    background-position: center;
    background-size: 100%;
  }
}

.fun-grey {
  .backImage();
  background-image: url('../assets/gis/fun_grey.svg');
  background-position: center;
}

.fun-select {
  .backImage();
  background-image: url('../assets/gis/fun_select.svg');
  background-position: center;
}

.tracking{
  .backImage();
  background-image: url('../assets/gis/tracking.svg');
  background-position: center;
  background-size: 100%;
}

.select-floor{
  background-image: url('../assets/gis/floor_select.svg');
}
.grey-floor{
  background-image: url('../assets/gis/floor_grey.svg');
}

.pause{
  .backImage();
  background-image: url('../assets/gis/stop.png');
  background-position: center;
  background-size: 100%;
}

.start{
  .backImage();
  background-image: url('../assets/gis/start.png');
  background-position: center;
  background-size: 100%;
}

.title-bg{
  background-image: url('../assets/gis/title_bg.svg');
  background-position: center;
  background-size: 100%;
}

ul,
li {
  padding: 0;
  margin: 0;
  list-style: none
}


// 滚动条样式
/*滚动条样式*/
.scroll::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 4px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: auto;
}

.scroll::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 5px;
  background: @color1;
}

.scroll::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 0;
}

// 按钮背景色
.red {
  background: #F10102;
  border-radius: 2px;
}

.blue {
  background: #1990FD;
  border-radius: 2px;
}
// 文字状态
.red-text {
  color: #F10102;
}

.green-text {
  color: #6DD400;
}

.yellow-text {
  color: #F7B500;
}


.color1 {
  color: @color1;
}

.color2 {
  color: @color1;
}

.color3 {
  color: @color1;
}

.color4 {
  color: @color1;
}

.color5 {
  color: @color1;
}

.color6 {
  color: @color1;
}

.shadow1 {
  box-shadow: 2px 2px 10px -2px @color1;
  ;
}


.shadow1 {
  box-shadow: 2px 2px 10px -2px @color1;
  ;
}

// 按钮背景色
.red {
  background: #F10102;
  border-radius: 2px;
}

.blue {
  background: #1990FD;
  border-radius: 2px;
}



@border1: 1px solid rgba(2, 224, 247, 0.5);
@border2: 1px solid rgba(25, 144, 253, 0.35);
@border3: 2px solid rgba(2, 224, 247, 1);
